<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"  xmlns:ace="http://www.icefaces.org/icefaces/components"   xmlns:ice="http://www.icesoft.com/icefaces/component" 
	>
    <h:head>
        <title>Right One</title>
        <link rel="stylesheet" type="text/css" href="./xmlhttp/css/rime/rime.css"/>
     	<link rel="stylesheet" type="text/css" href="css/styles.css" />
       	<script type="text/javascript" src="scripts/jquery.js"></script>
	 	<script type="text/javascript" src="scripts/right_one_fx.js"></script>
	 	<!--[if gte IE 9]>
			  <style type="text/css">
				.gradient {
				   filter: none;
				}
			  </style>
		<![endif]-->
    </h:head>
    <h:body styleClass="ice-skin-rime">    
    	<h:form id="form">
    		<ice:panelGroup styleClass="wrapper">
			<ui:include src="includes/header.xhtml" />
	<ice:panelGroup styleClass="wrapper_body">
		<ice:panelGroup styleClass="first_column">
		</ice:panelGroup>
		<ice:panelGroup styleClass="main_column">
				<ice:panelGroup styleClass="content">
					<ice:panelGroup styleClass="content_top_facet" />
					<ice:panelGroup styleClass="content_inner"><!-- Les elements seront inclus dans la div content_inner -->
										<div class="test">
                                        <ice:panelGroup>
                                        	<ul>
                                        		<li>Distance :&nbps;					 
		                                        	<ace:sliderEntry
		                                             axis="x"
		                                             clickableRail="true"
		                                             length="300"
		                                             min="0"
		                                             max="100"
		                                             stepPercent="10"
		                                             value="#{browseBB.valueDistance}" singleSubmit="true" valueChangeListener="#{browseBB.eventDistance}" showLabels="true" />
                                             </li>
                                             <li>
                                             	Type de recherche :&nbsp;
                                             	<ice:selectOneListbox size="1" value="#{browseBB.idRechercheChoisie}" partialSubmit="true" valueChangeListener="#{browseBB.eventCategorie}">
													<f:selectItem itemLabel="Sélectionne un type de recherche"  itemValue="-1" />
                                             		<f:selectItems value="#{browseBB.alSelectItemsTypeReches}"  />
                                             	</ice:selectOneListbox>
                                             </li>
                                             <li>
                                             	Age :&nbsp;
                                             	<ice:selectOneListbox size="1" value="#{browseBB.idAgeChoisie}" partialSubmit="true" valueChangeListener="#{browseBB.eventAge}">
                                          			<f:selectItem itemLabel="Sélectionne un range d'ages"  itemValue="-1" />
                                             		<f:selectItems value="#{browseBB.alSelectItemsAgesRanges}"  />
                                             	</ice:selectOneListbox>
                                             </li>
                                        	</ul>
                                        </ice:panelGroup>
											      	<ice:panelSeries
           		value="#{browseBB.alMembresFiltered}"
           		var="membre">
           		<ice:panelGroup style="border:1px solid black; display: inline-block; margin: 0 5px 5px 5px; width: 200px; text-align: center;">
           			<ul>
           				<li><ice:outputText value=" #{membre.pseudo}"/></li>
           				<li><ice:outputText value=" #{membre.age} ans"/></li>
           				<li>
           						<ice:outputText value="Membre &agrave; proximit&eacute;." rendered="#{membre.distance == 0}"/></li>
           				<li>
           					<ul>
           						<li><ice:outputText value="#{membre.description}" /></li>
           						<li></li>
           					</ul>
           				</li>
           			</ul>
  
           
           		</ice:panelGroup>
           	</ice:panelSeries>
										</div>
					</ice:panelGroup>
				</ice:panelGroup>
				<ice:panelGroup styleClass="footer_area">
					<ice:panelGroup styleClass="footer_logo">
						<img src="img/logos_set/icon_footer_test.png" />
					</ice:panelGroup>
					<ice:panelGroup styleClass="legal_notice">
						D&eacute;v&eacute;lopp&eacute; par Salim &amp; Lo&iuml;c | <ice:commandLink value="Contactes l'&eacute;quipe" action="#{browseBB.contact}" />
					</ice:panelGroup>
				</ice:panelGroup>
		</ice:panelGroup>
		<ice:panelGroup styleClass="last_column">
		</ice:panelGroup>
	</ice:panelGroup>
</ice:panelGroup>
             </h:form>
    </h:body>
    <h:outputStylesheet library="org.icefaces.component.skins" name="rime.css" />
</html>